<template>
    <div class="resources">
        <el-row class="banner">
            <img :src="banner" width="100%" alt="">
        </el-row>
        <el-row class="resources_main">
            <el-row class="resources_wrap">

                <!--    活动策划    -->
                <el-row class="wrap_01">
                    <el-row class="resources_title">活动策划</el-row>
                    <el-row class="resources_content">
                        <p>最懂校园个性定制，品牌策划</p>
                        <p>依据校园人群行为分析，</p>
                        <p>找到品牌产品与学生的沟通枢纽点，</p>
                        <p>结合年轻人真正喜欢的视觉、互动、植入创意，</p>
                        <p>制定全面覆盖校园的品牌传播及效果转化的营销计划。</p>
                    </el-row>
                    <el-row><img :src="resource01" width="80%" alt=""></el-row>
                    <img :src="yellow" width="50px" class="ball" alt="">
                </el-row>
                <!--    活动策划    -->

                <!--    校园宣讲会    -->
                <el-row class="wrap_01">
                    <el-row class="resources_title">校园宣讲会</el-row>
                    <el-row class="resources_content">
                        <p>演示产品:客户选择举办活动的高校，由校果团队组织学生会（或社团）申请场地、展开活动、派发产品</p>
                        <p>推介理念：提供场地审批、物资制作、前期预热宣传、现场引导、收尾清场、结案反馈的一站化服务</p>
                        <p>体验式营销：全国1000所学校，每年上万场晚会品牌植入，让学生感知、了解品牌，最终形成二次传播</p>
                    </el-row>
                    <el-row><img :src="resource01" width="80%" alt=""></el-row>
                </el-row>
                <!--    校园宣讲会    -->

                <!--    校园路演    -->
                <el-row class="wrap_01">
                    <el-row class="resources_title">校园路演</el-row>
                    <el-row class="resources_content">
                        <p>大小型室内室外活动的场控、搭建</p>
                        <p>校果每年夏秋两季大型校园路演活动，企业可根据需要报名参加</p>
                        <p>为企业策划百城百校高校路演活动、活动赛事、产品推广、电影宣传，让你分分钟引爆高校市场</p>
                    </el-row>
                    <el-row><img :src="resource01" width="80%" alt=""></el-row>
                    <img :src="red" class="red_ball" width="80px" alt="">
                </el-row>
                <!--    校园路演    -->

                <!--    校园广告营销    -->
                <el-row class="wrap_01 wrap_04">
                    <el-row class="resources_title">校园广告营销</el-row>
                    <el-row class="resources_content">
                        <p>流媒推广</p>
                        <p>(洗衣液自动贩卖机）：学生宿舍楼门口出入区、洗衣房，直接触达学生</p>
                        <p>售卖机上可以根据广告投放的需求播放所需的广告，可以播放视频、图片、文字等内容，可以播放各种洗涤用品的方法以及生活中的各种小知识，实时的热点新闻等。</p>
                        <p>10个省份，51所高校</p>
                        <p>600台终端视频播放器覆盖50万大学生</p>
                        <p>公众号活跃学生近10万+</p>
                        <p>服务优势</p>
                        <p>定位大学生市场，全面抢占大学生在宿舍里的碎片化时间。据调查结果</p>
                    </el-row>
                    <el-row><img :src="resource04" width="382px" alt=""></el-row>
                </el-row>
                <!--    校园广告营销    -->
            </el-row>
        </el-row>
    </div>
</template>

<script>
    import banner from '@/resources/banner_bg.jpg';
    import yellow from '@/resources/yellow.png';
    import red from '@/resources/red.png';
    import resource01 from '@/resources/resource01.png';
    import resource04 from '@/resources/resource04.png';
    export default {
        name: "resources",
        data(){
            return {
                 banner     :banner
                ,yellow     :yellow
                ,red        :red
                ,resource01 :resource01
                ,resource04 :resource04
            }
        }
    }
</script>

<style scoped>
    .resources{
        width: 100%;
    }
    .resources .resources_main{
        width: 100%;
        background: url("../../assets/img/resources/main_bg.png") no-repeat;
        background-size: 100% 100%;
    }
    .resources_main .resources_wrap{
        width: 990px;
        margin: 100px auto;
    }
    .resources_wrap .wrap_01{
        background: #fff;
        padding: 50px 0;
        margin-bottom: 100px;
        position: relative;
    }
    .resources_wrap .wrap_04{
         margin-bottom: 0;
    }
    .wrap_01 .ball{
        position: absolute;
        top: 0;
        left: 50px;
    }
    .wrap_01 .red_ball{
        position: absolute;
        bottom: -40px;
        left: -25px;
    }
    .resources_wrap .resources_title{
        font-size: 2.5em;
    }
    .resources_wrap .resources_content{
        margin: 30px auto;
    }
    .resources_wrap .resources_content p{
        width: 65%;
        margin: 0 auto;
        font-size: 1em;
        line-height: 1.5em;
        color: #999999;
    }
</style>